<template>
  <div>
    <!-- 产品与服务首页 2018/2/20 16:09 zhangQ -->
    <div>
      <Row>
        <i-col :span="20" offset="2">
          <div style="margin: 20px 15px;">
            <i-col :span="6">
              <div style="text-align: center; width: 260px; border: 4px solid transparent;" class="product_service">
                <router-link :to="{name: 'stationService'}">
                  <img src="../../../../static/img/bg_station.png" alt="" width="100%">
                  <div style="padding: 0; background: #000; height: 120px;">
                    <img src="../../../../static/img/img_tireprinting.png"/>
                    <div style="margin-top: -80px;">
                      <h5 style="color: #FECA2F;">智慧场站企业级服务</h5>
                      <p style="margin-top: 20px;">组织有序，方便管理，提升效率</p>
                    </div>
                  </div>
                </router-link>
              </div>
            </i-col>
            <i-col :span="6">
              <div style="text-align: center; width: 260px; border: 4px solid transparent;" class="product_service">
                <router-link :to="{name: 'mainOrder'}">
                  <img src="../../../../static/img/bg_course.png" alt="" width="100%">
                  <div style="padding: 0; background: #000; height: 120px;">
                    <img src="../../../../static/img/img_tireprinting.png"/>
                    <div style="margin-top: -80px;">
                      <h5 style="color: #FECA2F;">智慧全程企业级服务</h5>
                      <p style="margin-top: 20px;">可视化，智能化，自动化</p>
                    </div>
                  </div>
                </router-link>
              </div>
            </i-col>
            <i-col :span="6">
              <div style="text-align: center; width: 260px; border: 4px solid transparent;" class="product_service">
                <router-link :to="{name: 'hardware'}">
                  <img src="../../../../static/img/bg_hardware.png" alt="" width="100%">
                  <div style="padding: 0; background: #000; height: 120px;">
                    <img src="../../../../static/img/img_tireprinting.png"/>
                    <div style="margin-top: -80px;">
                      <h5 style="color: #FECA2F;">智能硬件</h5>
                      <p style="margin-top: 20px;">S-ETC 自动识别</p>
                    </div>
                  </div>
                </router-link>
              </div>
            </i-col>
            <i-col :span="6">
              <div style="text-align: center; width: 260px; border: 4px solid transparent;" class="product_service">
                <router-link :to="{name: 'finance'}">
                  <img src="../../../../static/img/bg_finance.png" alt="" width="100%">
                  <div style="padding: 0; background: #000; height: 120px;">
                    <img src="../../../../static/img/img_tireprinting.png"/>
                    <div style="margin-top: -80px;">
                      <h5 style="color: #FECA2F;">金融服务</h5>
                      <p style="margin-top: 20px;">投入低，效益高</p>
                    </div>
                  </div>
                </router-link>
              </div>
            </i-col>
          </div>
        </i-col>
      </Row>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'productIndex',
    data () {
      let datas = {}
      return datas
    }
  }
</script>
<style scoped>

</style>
